 * {
            margin: 0;
            padding: 0;
            list-style: none;

        }



        html,
        body {
            width: 100%;
            height: 100%;
            transition: all 500ms;
             text-shadow: rgb(197, 196, 192) 10rem / 151.9 3rem / 151.9 2rem / 151.9;
                  color: white;
            background-color: black;
        }

        @media screen and (min-width:1560px) {
            html {
                font-size: 151.9px !important;
            }
        }

        h1 {
            width: 100%;
            font-family: 'Times New Roman', Times, serif;
            font-size: 1.302083333333333rem;
           
            display: flex;
            height: 50%;
            justify-content: space-between;
       

        }

        .date {
            align-items: center;
        }

        .time {
            align-items: none;
        }

        h1 span:nth-child(1) {
            flex: 1;
            text-align: right;
        }

        h1 span:nth-child(2) {
            flex: 1;
            text-align: center;
        }

        .date span:nth-child(2) {
            flex: 1;
            text-align: left;
        }
        .time span:nth-child(3) {
            flex: 1;
            height: 100%;
            text-align: left;
        }
        .time #box{
           float: right;
           width: 66.61 / 151.9rem;
           height: 100%;
        }
       